<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>tabs选项卡</title>
<style>
    body{padding:10px;line-height:1.5em;}
    a{color:#04c;}
	ul,li{ list-style:none;}
    h1, h2{font-weight: bold;font-family: '微软雅黑';font-size:32px;}
    h1{padding-bottom:0.6em;border-bottom:1px solid #ccc;}
    h2{font-size:24px;}
    li span{color:#666;}
    .desc{color:#666;}
	pre{background-color: #FBF9EA;
    border: 1px solid #E2E1D5;
    border-radius: 2px 2px 2px 2px;
    margin: 0;
    overflow-x: auto;
    padding: 10px;
	float: none;
    font-weight: normal;
    width: auto;
	}
</style>
</head>
<body>
    <h1>tabs选项卡</h1>
    <p class="desc">tabs选项卡切换组件<br/>
    </p>
    <h2>Demo</h2>
    <ul>
        <li><a href="demo/demo.html">demo查看</a> <span>tabs选项卡演示页</span></li>
    </ul>
    <h2>描述：切换</h2>
    <ul>
			<li>*参数：</li>
			<li><pre>
	mouseEvent: "click", //切换事件
	hightLight: "selected", //选定样式名
	defaultIndex: 0, //初始选定第0个
	tabNodes: $(), //切换内容jQuery对象集
	btnNodes: $() //tab按钮jQuery对象集
		</pre>
		</li>
			<li>*调用方式1：</li>
			<li><pre>$(".demo1").Tabs({
			btnNodes : $(".tabstitle span"), //设定tab按钮jQuery对象集
			tabNodes : $(".tabscontent") //设定切换内容jQuery对象集		
			});</pre></li>

			<li>* 调用方式2：</li>
			<li><pre>var myTabs = new iJie.Tabs({
			btnNodes : $(".tabstitle span"), //设定tab按钮jQuery对象集
			tabNodes : $(".tabscontent") //设定切换内容jQuery对象集		
			}); //定义对象
			myTabs.init(); //应用对象的init方法
			</pre></li>
    </ul>
</body>
</html>